<template>
	<view class="content-warp c-p-x-16">
		<view class="status_bar"></view>
		<view class="c-p-y-10">
			<text class="dev_title">罗曼AI眼镜</text>
		</view>
		<view class="c-flex c-flex-between c-flex-items-center c-m-t-20">
			<view class="c-flex-1 c-flex c-flex-items-center">
				<image style="width: 60rpx;" mode="widthFix" src="../../static/img/ic_battery.png"></image>
				<text>100%</text>
			</view>
			<view class="c-text-primary">已连接</view>
		</view>
		<image style="width: 100%;" mode="widthFix" src="../../static/img/glass.png"></image>
		<view class="c-flex c-flex-gap">
			<view class="c-card c-flex-1 c-p-20 c-flex c-flex-center" @click="go2Page('/pages/asr/asr')">
				<image style="width: 50rpx;" mode="widthFix" src="../../static/img/record.png"></image>
				<text class="c-p-l-20">实时翻译</text>
			</view>
			<view class="c-card c-flex-1 c-p-20 c-flex c-flex-center" @click="go2Page('/pages/asr/asr')">
				<image style="width: 50rpx;" mode="widthFix" src="../../static/img/voice.png"></image>
				<text class="c-p-l-20">外放翻译</text>
			</view>
		</view>
		<view class="as-btn" @click="go2Page('/pages/aftersale/aftersale')">售后机器人</view>
		<!-- <view class="c-font-xl c-p-y-20 c-m-t-40">Ai智能体</view> -->
		<!-- <view class="c-flex c-flex-gap">
			<view class="c-card c-flex-1 c-p-20 c-flex c-flex-center" @click="go2Page('/pages/aftersale/aftersale')">
				<image style="width: 50rpx;" mode="widthFix" src="../../static/img/aftersale.png"></image>
				<text class="c-p-l-20">售后机器人</text>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			go2Webview(url){
				console.log('waiwaiawi')
				uni.navigateTo({
					url:'/pages/webview/webview?url='+url
				})
			},
			go2Page(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style>
	.content-warp {
		width: 100%;
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		background-image: linear-gradient(to bottom, #D0EEF1, #ffffff)
	}
	.dev_title {
		font-size: 50rpx;
	}
	.as-btn {
		width: 520rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		color: #ffffff;
		background-color: #00A5B5;
		border-radius: 88rpx;
		margin: 0 auto;
		margin-top: 160rpx;
	}
</style>
